* {
    margin: 0;
    padding: 0
}

fieldset,img {
    border: 0
}

img {
    vertical-align: top
}

address,caption,cite,code,dfn,th,var {
    font-style: normal;
    font-weight: 400
}

ol,ul {
    list-style: none
}

input {
    padding-top: 0;
    padding-bottom: 0
}

input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input,select {
    vertical-align: middle
}

input,select,textarea {
    font-size: 14px;
    margin: 0;
    font: 400 14px/1.6 'Helvetica Neue',Helvetica,"Microsoft YaHei",sans-serif,Arial,'宋体'
}

input[type=password],input[type=text],textarea {
    outline-style: none;
    -webkit-appearance: none
}

textarea {
    resize: none
}

table {
    border-collapse: collapse
}

td,th {
    vertical-align: top
}

body {
    color: #333;
    padding: 0 0;
    font: 400 14px/1.6 'Helvetica Neue',Helvetica,"Microsoft YaHei",sans-serif,Arial,'宋体';
    -webkit-text-size-adjust: none;
    background: #fff
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both
}

.clearfix {
    zoom:1}

.clearit {
    clear: both;
    height: 0;
    font-size: 0;
    overflow: hidden
}

.fl {
    float: left
}

.fr {
    float: right
}

a {
    color: #333;
    text-decoration: none
}

a:hover {
    color: #f60;
    text-decoration: none
}

.hidden {
    visibility: hidden
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 400
}

::selection {
    background: #fdd000;
    color: #000
}

::-moz-selection {
    background: #fdd000;
    color: #000
}

html {
    -webkit-tap-highlight-color: rgba(240,240,240,.7)
}

body {
    background-color: #f0f1f1
}

.min_1200 {
    min-width: 1200px;
    margin: 0 auto
}

.w_1200 {
    width: 1200px;
    margin: 0 auto
}

.header_t {
    font-size: 13px;
    background-color: #383838;
    height: 44px;
    line-height: 44px;
    color: #757575
}

.header_t a {
    color: #fff
}

.header_t a:hover {
    color: #fdd000
}

.header_t dd,.header_t dt {
    padding: 7px 0 0 0;
    line-height: 30px
}

.header_t .china {
    margin: 0 1em;
    font-style: normal;
    color: #757575
}

.h_a {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    overflow: hidden;
    margin-right: .4em;
    background: url(images/icon/h_arrow.png) no-repeat
}

.h_a_1 {
    background-position: 0 -30px
}

.h_a_2 {
    background-position: 0 -60px
}

.h_a_3 {
    background-position: 0 -90px
}

.header_c {
    background-color: #fff;
    height: 80px
}

.logo {
    padding: 15px 0 0 0
}

.tnav {
    position: relative;
    z-index: 1;
    font-size: 18px;
    float: right;
    margin: 20px 0 0 0
}

.tnav span {
    float: left;
    padding: 0 0 0 3em
}

.tnav a {
    padding: 0 .2em;
    color: #666;
    float: left;
    position: relative;
    z-index: 5;
    display: block;
    height: 58px;
    line-height: 55px
}

.tnav a:hover {
    color: #000;
    text-decoration: none
}

.tnav .current_nav {
    color: #000;
    text-decoration: none;
    border-bottom: 3px solid #fdd000
}

.qq_box {
    cursor: pointer;
    z-index: 5;
    position: relative
}

.sec_arrow {
    position: absolute;
    width: 12px;
    height: 6px;
    background: url(images/icon/sec_arrow.png?1) no-repeat;
    top: -6px;
    left: 50%;
    margin-left: -6px
}

.sec_qq {
    display: none;
    z-index: 7;
    position: absolute;
    left: 50%;
    width: 200px;
    margin: 0 0 0 -110px;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,.4);
    padding: 10px;
    line-height: 28px;
    text-align: left
}

.sec_qq a {
    color: #333
}

.sec_qq img {
    vertical-align: middle;
    margin-right: .5em
}

.headerwrap {
    display: block
}

.Topheader .header_t {
    display: none
}

.Topheader .header_c {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 90%;
    padding: 0 5%;
    height: 80px;
    box-shadow: 0 0 3px rgba(0,0,0,.3)
}

.banner {
    margin: 0 auto;
    display: block;
    min-width: 1200px;
    height: 300px;
    width: 100%;
    overflow: hidden;
    position: relative
}

.banner .bd li {
    height: 300px;
    background-position: 50% 0;
    background-repeat: no-repeat
}

.banner .bd li a {
    height: 100%;
    width: 1200px;
    clear: both;
    margin: 0 auto;
    display: block
}

.banner .hd {
    position: absolute;
    width: 100%;
    bottom: 7px;
    padding: 0;
    z-index: 11;
    left: 0;
    text-align: center;
    font-size: 0
}

.banner .hd li {
    width: 40px;
    height: 2px;
    border-radius: 2em;
    cursor: pointer;
    display: inline-block;
    zoom:1;margin: 0 4px;
    background: rgba(255,255,255,.4);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear
}

.banner .hd li.on {
    background: #fdd000;
    height: 4px
}

.banner .btn,.pic_btn {
    width: 34px;
    height: 34px;
    line-height: 34px;
    border-radius: 50%;
    font-weight: 700;
    font-size: 24px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    text-align: center;
    font-family: "宋体";
    color: #fff;
    background-color: rgba(0,0,0,.7)
}

.banner:hover .btn_l {
    left: 8%
}

.banner:hover .btn_r {
    right: 8%;
    background-position: right top
}

.banner .btn_l {
    left: -5%
}

.banner .btn_r {
    right: -5%
}

.banner .nextStop,.banner .prevStop {
    cursor: default
}

.banner .prevStop {
    background-position: left -40px
}

.banner .nextStop {
    background-position: right -40px
}

.h_data {
    font-size: 15px;
    position: relative;
    height: 0;
    z-index: 1
}

.h_data_w {
    width: 100%;
    left: 0;
    top: -54px;
    position: absolute;
    background-color: rgba(0,0,0,.7);
    color: #fff;
    height: 54px;
    line-height: 44px
}

.h_data .yellow_text {
    font-size: 20px;
    margin: 0 .1em
}

.hide_box {
    height: auto;
    overflow: hidden
}

.h_data_c {
    width: 115%;
    clear: both
}

.list_2 li {
    float: left;
    width: 49.9%
}

.list_3 li {
    float: left;
    width: 33.3%
}

.list_4 li {
    float: left;
    width: 24.9%
}

.list_5 li {
    float: left;
    width: 19.9%
}

.white_box {
    background-color: #fff
}

.h_tool {
    width: 103%;
    text-align: center;
    padding: 2em 0
}

.h_tool h5 {
    font-size: 18px;
    font-weight: 700;
    margin: .8em 0 .5em 0;
    line-height: 1.2em
}

.h_tool p {
    margin: 0 2em;
    color: #666
}

.b_arrow {
    display: inline-block;
    background: url(images/icon/arrow.png) no-repeat;
    width: 90px;
    height: 90px;
    overflow: hidden
}

.b_arrow2 {
    background-position: 0 -90px
}

.b_arrow3 {
    background-position: 0 -180px
}

.b_arrow4 {
    background-position: 0 -270px
}

.b_arrow5 {
    background-position: 0 -360px
}

.box_w {
    margin: 2.5em auto
}

.h_rec {
    width: 102%;
    padding: .1em 0
}

.h_rec .li_o {
    padding: 80px 0 1.5em 0
}

.h_rec .box {
    border: 1px solid #f0f1f1;
    padding: 0 0 1.5em 0;
    text-align: center;
    position: relative;
    display: block;
    background-color: #fff;
    width: 380px
}

.h_rec a:hover {
    color: #333
}

.h_rec .text {
    padding: 85px 0 1.2em 0;
    font-size: 15px;
    color: #666
}

.h_rec .font_20 {
    margin: 0 .2em
}

.h_rec .tag_ul {
    clear: both;
    margin: 0 auto
}

.h_rec .tag_ul li {
    width: 49.9%
}

.tag_ul {
    width: 250px;
    position: relative;
    text-align: center;
    font-size: 13px
}

.tag_ul li {
    margin-bottom: .8em
}

.f_ask {
    position: absolute;
    bottom: 1.2em;
    right: -1.8em
}

.tag_a {
    display: block;
    margin: 0 .5em;
    border: 1px solid #fa882e;
    color: #fa882e;
    line-height: 28px
}

.tag_a_box {
    background-color: #fa882e;
    color: #fff
}

.tag_ul_green .tag_a {
    border-color: #56ce8b;
    color: #56ce8b
}

.tag_ul_green .tag_a_box {
    background-color: #56ce8b;
    color: #fff
}

.h_rec .text_line {
    color: #666;
    border-bottom: 1px solid #eee;
    margin: 0 1em;
    text-align: left;
    padding: .7em .5em
}

.h_rec .btn {
    margin: 1.5em 0 0 0
}

.shop_btn {
    border: 2px solid #fdd000;
    background-color: #fdd000;
    line-height: 40px;
    display: inline-block;
    width: 144px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #000;
    cursor: pointer
}

.shop_btn:hover {
    background-color: #fdad00;
    border-color: #fdad00;
    color: #000
}

.shop_btn:disabled {
    background-color: #ccc;
    border-color: #ccc
}

.pause_btn,.pause_btn:hover {
    background-color: transparent;
    color: #333;
    cursor: inherit
}

.end_btn,.end_btn:hover {
    background-color: #ccc;
    border-color: #ccc;
    color: #999;
    cursor: inherit
}

.calc_btn {
    background-color: #eee;
    border-color: #eee;
    width: 60px;
    border-radius: 4px
}

.calc_btn:hover {
    background-color: #ddd;
    border-color: #ddd
}

#clac-result {
    display: none
}

#clac-result dt {
    float: left;
    clear: left;
    display: block;
    padding: 9px 15px;
    width: 80px;
    font-weight: 400;
    text-align: right
}

#clac-result dd {
    margin-left: 80px;
    padding: 9px 15px
}

#clac-result dd:after,#clac-result dd:before {
    display: table;
    content: " "
}

.f_rec {
    left: 0;
    position: absolute;
    width: 80px;
    height: 80px;
    overflow: hidden;
    background: url(images/icon/rec.png?1) no-repeat;
    font-size: 0
}

.f_rec2 {
    background-position: 0 -80px
}

.f_rec3 {
    background-position: 0 -160px
}

.brand_logo {
    position: absolute;
    left: 50%;
    margin: -65px 0 -65px -65px;
    background-color: #fff;
    width: 120px;
    height: 120px;
    padding: 5px;
    text-align: center
}

.brand_logo_border {
    border: 1px solid #ddd;
    height: 100%
}

.brand_logo img {
    margin: 40px 0 0 0
}

.text_box {
    font-size: 12px;
    line-height: 20px;
    background-color: #56ce8b;
    color: #fff;
    display: inline-block;
    padding: 0 .3em
}

.text_box_orange {
    background-color: #ffa975
}

.f_text_box {
    z-index: 5;
    position: absolute;
    top: 30px;
    right: -10px;
}

.f_text_box_orange {
    z-index: 5;
    position: absolute;
    top: 80px;
    right: -10px;
    background-color:#ffa975
}

.hover_ul li:hover .box {
    z-index: 5;
    border-color: #c6c6c6;
    box-shadow: 0 15px 15px rgba(0,0,0,.2)
}

.h_list .box {
    position: relative;
    background-color: #fff;
    display: block;
    padding: 1.5em 2em;
    border-bottom: 1px solid #eee
}

.h_list li:last-child .box {
    border-bottom: none
}

.h_list a:hover {
    color: #333
}

.h_list .brand_logo_t {
    float: left
}

.h_list .tags {
    margin-top: 10px
}

.h_list .tags>li {
    float: left;
    margin-top: 5px;
    border: 1px solid #bdc1c7;
    margin-right: 10px;
    color: #bdc1c7;
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 12px
}

.brand_logo_t {
    position: relative
}

.brand_logo_l {
    width: 180px;
    color: #666;
    border-right: 1px solid #eee;
    margin-right: 20px;
    margin-top: 7px
}

.brand_logo_l p {
    clear: both;
    margin: 1em 0 0 0
}

.brand_logo_l .f_text_box {
    top: -1em;
    right: -3em
}

.h_list_btn {
    margin-top: 7px
}

.w_780 {
    width: 780px
}

.w_390 {
    width: 390px
}

.h_400 {
    height: 400px
}

.h_460 {
    height: 460px
}

.h_th {
    border-bottom: 1px solid #eee;
    margin: 0 15px;
    padding: 0 .3em;
    height: 55px;
    line-height: 55px
}

.h_th .fr {
    font-size: 13px;
    color: #666
}

.h_th .fr a {
    color: #666
}

.h_th .fr a:hover {
    color: #f60
}

.h_th .fl {
    background: url(images/icon/th_arrow.gif) no-repeat 0 center;
    padding-left: 2em;
    font-size: 18px
}

.h_ann,.h_qa,.h_top {
    margin: 0 20px
}

.h_ann li,.h_qa li,.h_top li {
    line-height: 24px;
    height: 24px;
    padding: 7px 0;
    border-bottom: 1px dashed #eee
}

.h_ann li {
    background: url(images/icon/arrow_s.gif) no-repeat 5px center;
    padding-left: 2em
}

.qa_text {
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    background-color: #56ce8b;
    width: 30px;
    text-align: center;
    overflow: hidden;
    vertical-align: top;
    margin-right: 1em
}

.h_top>li>b {
    float: right;
    font-family: Consolas,Monaco,'Bitstream Vera Sans Mono',monospace;
    font-size: 20px;
    font-weight: 400;
    color: #f30
}

.h_top>li>i {
    color: #fff;
    font-weight: 700;
    display: inline-block;
    background-color: #56ce8b;
    width: 24px;
    height: 24px;
    text-align: center;
    overflow: hidden;
    vertical-align: top;
    margin-right: 1em;
    font-family: Consolas,Monaco,'Bitstream Vera Sans Mono',monospace;
    border-radius: 50%
}

.h_bbs {
    padding: 2em .7em
}

.h_bbs .box {
    padding: 20px 15px;
    border: 2px solid #eee;
    background-color: #fff;
    margin: 0 1em
}

.h_bbs .text_t {
    border-bottom: 1px solid #eee;
    padding: 0 1em 20px 1em
}

.h_bbs h5 {
    font-size: 24px;
    margin: .8em 0 0 0;
    line-height: 1.1em
}

.h_bbs .text_t p {
    margin: .8em 0 0 0;
    color: #666
}

.h_bbs .d {
    font-size: 15px;
    color: #666;
    margin: 1em .5em 1em .5em
}

.h_bbs li:hover .box {
    border-color: #fdd000;
    transform: translateY(-.3em);
    box-shadow: 0 15px 15px rgba(0,0,0,.2)
}

.h_brand {
    padding: 1em 0
}

.h_brand li {
    margin: .8em 0;
    height: 60px
}

.h_brand .box {
    overflow: hidden;
    display: block;
    margin: 0 auto;
    width: 170px;
    position: relative
}

.box:hover .black {
    bottom: 0
}

.black {
    position: absolute;
    bottom: -150%;
    left: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    color: #fff;
    line-height: 60px;
    height: 100%;
    background-color: rgba(0,0,0,.5)
}

.btn_c {
    text-align: center;
    padding: 1.5em 0;
    border-top: 1px solid #eee;
    margin: 0 20px
}

.footer {
    font-size: 13px;
    color: #666;
    background-color: #262626
}

.footer a {
    color: #666
}

.footer .footer {
    padding: 2em 0
}

.footer_ul {
    width: 970px
}

.footer_ul p {
    margin: .6em 0;
    padding-left: 45px
}

.footer h5 {
    text-align: left;
    border-bottom: 1px solid #313131;
    width: 150px;
    font-size: 18px;
    line-height: 34px;
    height: 34px;
    padding-bottom: 10px;
    margin-bottom: 1em
}

.footer_share {
    text-align: center;
    font-size: 12px
}

.footer_share p {
    margin: .6em 0 0 0
}

.footer_share h5 {
    width: 100%
}

.f_arrow {
    width: 34px;
    height: 34px;
    overflow: hidden;
    float: left;
    margin-right: .8em;
    background-image: url(images/icon/footer.png);
    background-repeat: no-repeat;
    background-color: #313131;
    margin-left: .1em
}

.f_arrow2 {
    background-position: 0 -34px
}

.f_arrow3 {
    background-position: 0 -68px
}

.f_arrow4 {
    background-position: 0 -102px
}

.footer_d {
    font-size: 12px;
    line-height: 2em;
    background-color: #1a1a1a;
    color: #666
}

.footer_d a {
    color: #666
}

.footer a:hover,.footer_d a:hover {
    color: #fdd000
}

.footer_d .footer_d {
    padding: 2em 0
}

.footer_d .china {
    font-style: normal;
    margin: 0 1em
}

.footer_d dd {
    text-align: right;
    padding: .8em 0 0 0
}

.f_a {
    background: url(images/icon/footer_t.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 .6em;
    width: 59px;
    height: 24px
}

.f_a:hover {
    background-position: 0 -24px
}

.f_a2 {
    background-position: -59px 0;
    width: 66px
}

.f_a2:hover {
    background-position: -59px -24px
}

.f_a3 {
    background-position: -127px 0;
    width: 66px
}

.f_a3:hover {
    background-position: -127px -24px
}

.f_a4 {
    background-position: -193px 0;
    width: 76px
}

.f_a4:hover {
    background-position: -193px -24px
}

.f_a5 {
    background-position: -269px 0;
    width: 86px
}

.f_a5:hover {
    background-position: -269px -24px
}

.f_a6 {
    background-position: -355px 0;
    width: 86px
}

.f_a6:hover {
    background-position: -355px -24px
}

.kefu {
    position: fixed;
    z-index: 18;
    right: 6px;
    top: 350px
}

.ftool {
    position: fixed;
    z-index: 16;
    right: 6px;
    bottom: 10px;
    z-index: 25
}

* html,* html body {
    background-image: none;
    background-attachment: fixed
}

.ftool_item {
    position: relative;
    display: block;
    margin: 3px 0;
    width: 50px
}

.ftoolab {
    position: relative;
    z-index: 20;
    display: block;
    text-align: center;
    width: 50px;
    height: 50px;
    background-image: url(images/icon/f_nav.png);
    background-color: #383838;
    border-radius: .4em
}

.ftool_hover .ftoolab {
    background-color: #fdd000
}

.top_ftoolab {
    height: 48px;
    background: url(images/icon/top.png) no-repeat
}

.ftool_hover .top_ftoolab {
    background-position: 0 -48px;
    background-color: transparent
}

.ftool_hover .tel_ftoolab {
    background-position: -50px 0
}

.wechat_ftoolab {
    background-position: 0 -50px
}

.ftool_hover .wechat_ftoolab {
    background-position: -50px -50px
}

.qq_ftoolab {
    background-position: 0 -100px
}

.ftool_hover .qq_ftoolab {
    background-position: -50px -100px
}

.phone_ftoolab {
    background-position: 0 -150px
}

.ftool_hover .phone_ftoolab {
    background-position: -50px -150px
}

.ftool_code {
    color: #fdd000;
    border-radius: .4em;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    position: absolute;
    z-index: 26;
    bottom: 0;
    top: auto;
    right: 100px;
    padding: 10px;
    width: 104px;
    height: 104px;
    background-color: #383838;
    opacity: 0;
    display: none
}

.ftool_code_s {
    height: 50px;
    line-height: 50px;
    padding: 0 10px
}

.ftool_code_img {
    width: 104px;
    height: 104px
}

.ftool_code_gt {
    position: absolute;
    bottom: 10px;
    right: -10px;
    display: block;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #383838;
    font-style: normal;
    font-family: simsun
}

.ftool_code_qq {
    color: #333;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    width: 220px;
    font-size: 13px;
    line-height: 28px;
    font-weight: 400;
    text-align: left;
    height: 30px
}

.ftool_code_qq img {
    vertical-align: middle;
    margin-right: .8em
}

.ftool_code_qq .ftool_code_gt {
    color: #fff
}

.site_th {
    margin: 1em auto;
    line-height: 2em;
    color: #666
}

.site_th a {
    color: #666
}

.site_th a:hover {
    color: #f60
}

.site_th .china {
    font-style: normal;
    margin: 0 1em;
    color: #999
}

.box_w_b {
    margin: 1em auto 2.5em auto;
    padding-bottom: 1px
}

.i_box {
    padding-bottom: 1px
}

.i_list li:last-child .box {
    border-bottom: 1px solid #eee
}

.activity_header {
    height: 40px;
    margin-bottom: 20px
}

.activity_header>form {
    float: right
}

.activity_header>form>input {
    float: left;
    width: 200px;
    height: 38px
}

.activity_header>form>button {
    width: 4em;
    height: 40px;
    line-height: 36px;
    float: left;
    display: block
}

.search_tip {
    margin-bottom: 30px;
    text-align: center;
    font-size: 16px
}

.search_tip>a {
    color: #fa882e
}

.i_tab_nav {
    float: left;
    line-height: 38px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    color: #666
}

.i_tab_nav dd a {
    color: #666;
    display: inline-block;
    margin: 0 .3em;
    border: 1px solid #ccc;
    background-color: #fff;
    text-align: center;
    width: 100px
}

.i_tab_nav dd .tab_light {
    background-color: #fdd000;
    border-color: #fdd000;
    color: #000
}

.null_box {
    display: block;
    font-size: 13px;
    color: #999;
    text-align: center;
    padding: 8em 0
}

.page {
    margin: 40px 40px;
    padding-bottom: 1px;
    line-height: 34px
}

.page dt {
    color: #666
}

.page dd {
    text-align: right
}

.page dd a,.page dd b,.page dd em {
    padding: 0 1em;
    vertical-align: top;
    margin: 0 0 0 .3em;
    border: 1px solid #dedede;
    background-color: #fff;
    font-style: normal;
    font-weight: 400;
    display: inline-block
}

.page dd em {
    color: #999
}

.page dd a:hover {
    border-color: #ff9428;
    color: #ff9428
}

.page dd b {
    color: #fff;
    background-color: #fdd000;
    border-color: #fdd000
}

.i_banner {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative
}

.i_banner_img {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -960px
}

.box_box .box_box {
    padding: 1.2em 0
}

.th_pat {
    margin: 1em 0;
    text-align: center;
    font-size: 34px;
    line-height: 1.1em;
    padding-bottom: .8em;
    background: url(images/guarantee/th_pat.png) no-repeat center bottom
}

.guarantee_note {
    text-align: center;
    margin: 50px 0
}

.guarantee_note .text {
    margin: 45px 0 20px 0;
    font-size: 18px
}

.guarantee_note ul {
    width: 440px;
    text-align: center;
    margin: 0 auto
}

.guarantee_note ul li {
    border-right: 1px solid #eee;
    color: #666;
    margin-right: -1px
}

.guarantee_note ul h5 {
    font-size: 15px
}

.guarantee_note ul .font_30 {
    margin-right: .2em
}

.guarantee_note ul .last,.guarantee_note ul li:last-child {
    border: none
}

.guarantee_text {
    font-size: 15px;
    margin: 1em 0
}

.guarantee_text li {
    margin: 1.2em 0;
    background: url(images/icon/th_arrow.gif) no-repeat left .5em;
    padding-left: 2em
}

.guarantee_text li p {
    margin: .2em 0 0 0
}

.th_d {
    margin: -1.4em 0 1.5em 0;
    text-align: center
}

.guarantee_step {
    position: relative;
    background: url(images/guarantee/pic.png) no-repeat center center;
    padding: 90px 0;
    margin: 4em auto 4em auto;
    min-height: 680px;
    height: auto
}

.guarantee_step li {
    position: absolute;
    font-size: 15px;
    color: #666
}

.guarantee_step li p {
    margin: .8em 0 0 0
}

.guarantee_step h5 {
    font-size: 24px;
    line-height: 1.1em
}

.gu_1 {
    text-align: center;
    top: 0;
    width: 100%
}

.gu_1 h5 {
    color: #9b73d6
}

.gu_2,.gu_3 {
    text-align: right;
    top: 260px;
    width: 280px;
    left: 0
}

.gu_2 h5 {
    color: #ff6766
}

.gu_3 h5 {
    color: #4abb7f
}

.gu_4 {
    bottom: 0;
    width: 100%;
    text-align: center;
    left: 0
}

.gu_4 h5 {
    color: #77bf04
}

.gu_5,.gu_6 {
    text-align: left;
    top: 260px;
    width: 280px;
    right: 0
}

.gu_5 h5 {
    color: #f7941f
}

.gu_3,.gu_6 {
    top: 520px
}

.gu_6 h5 {
    color: #54b5de
}

.w_750 {
    width: 750px
}

.w_420 {
    width: 420px
}

.h_460 {
    height: 460px
}

.display_data {
    padding: 20px 25px 10px 25px
}

.display_data .f_ask {
    bottom: -.2em
}

.display_data .tag_ul {
    font-size: 12px;
    margin-bottom: 10px
}

.display_data .tag_ul li {
    margin-bottom: 0
}

.display_data .tag_a {
    line-height: 26px;
    margin-left: 0
}

.display_data .li_o {
    margin: 0;
    line-height: 26px
}

.display_data .text_l {
    padding: 5px 0 0 0;
    width: 90px
}

.display_data .text_box_g {
    margin: 5px 0
}

.display_data .o_text {
    margin-top: -.4em
}

.text_box_g {
    color: #fff;
    font-size: 12px;
    line-height: 26px;
    height: 26px;
    background-color: #ccc;
    padding: 0 10px
}

.text_box_g2 {
    background-color: #e5c533
}

.text_c {
    text-align: center
}

.display_data a {
    display: block;
    color: #fff
}

.display_data .li_more {
    padding-top: .4em;
    margin-top: .5em;
    border-top: 1px solid #eee
}

.display_data .w_80 {
    width: 80px
}

.display_data .w_70 {
    width: 70px
}

.display_th {
    margin: 0 20px;
    padding: 10px 0
}

.display_th .fr {
    font-size: 14px;
    text-align: right
}

.display_th .f_text_box {
    top: 0;
    right: -3em
}

.display_th .brand_logo_t {
    margin-top: .6em;
    width: auto;
    float: left
}

.text_box_box {
    border: 1px solid #f2d651;
    line-height: 30px;
    padding: 0 1em 0 0;
    height: 30px;
    margin: 1em 0 0 0
}

.text_box_th {
    float: left;
    height: 30px;
    padding: 0 .8em;
    background-color: #f2d651;
    color: #fff;
    margin-right: .6em;
    font-size: 15px;
    font-weight: 700
}

.display_note {
    margin: 0 20px
}

.display_note .li_o {
    color: #666;
    border-top: 1px solid #eee;
    padding: 1.2em .5em;
    line-height: 24px
}

.display_note .li_o .fl {
    font-weight: 700;
    font-size: 15px;
    color: #333;
    width: 110px
}

.display_note .li_o .btn {
    margin: 1.5em 0 0 0
}

.display_note .font_20 {
    margin: 0 .3em
}

.display_key {
    margin: 1.5em 0 0 0
}

.display_key a {
    border: 1px solid #fa882e;
    color: #fa882e;
    background-color: transparent;
    padding: 0 1em;
    margin: 0 .5em 0 0;
    line-height: 30px;
    display: inline-block
}

.display_key a:hover {
    background-color: #fa882e;
    color: #fff
}

.list_table {
    text-align: center;
    font-size: 13px;
    color: #888;
    width: 100%
}

.list_table th img {
    vertical-align: middle;
    margin-left: .3em
}

.list_table th {
    border-bottom: 1px solid #eee;
    line-height: 44px
}

.list_table td {
    border-bottom: 1px solid #eee;
    padding: .7em 0;
    line-height: 2em
}

.list_table tr:last-child td {
    border-bottom: none
}

.display_explain ol {
    margin: 1em 20px
}

.d_th_line {
    border-bottom: 1px solid #eee;
    margin: 0 20px;
    line-height: 44px;
    font-size: 15px;
    font-weight: 700;
    padding: 0 .5em
}

.d_th_line b {
    line-height: 16px;
    display: inline-block;
    border-left: 4px solid #fdd000;
    padding-left: 1em
}

.d_th_line small {
    font-size: 12px;
    font-weight: 400;
    color: #bbb;
    margin-left: 10px
}

.num_ol {
    list-style: decimal;
    padding-left: 1.4em
}

.box_d {
    margin: 1.5em auto;
    padding-bottom: 1px
}

.th_line_c {
    border-bottom: 1px solid #eee;
    line-height: 60px;
    height: 60px;
    font-size: 22px;
    text-align: center;
    margin: 0 20px
}

.th_line_c b {
    display: inline-block;
    border-bottom: 3px solid #fdd000;
    height: 58px;
    margin-bottom: -1px;
    padding: 0 .4em
}

.display_step {
    margin: 0 20px;
    font-size: 13px;
    color: #666
}

.display_step .li_o {
    border-bottom: 1px solid #eee;
    padding: 1em .5em
}

.display_step h5 {
    margin-bottom: .8em;
    font-size: 14px;
    font-weight: 700
}

.display_step .fl {
    width: 100px
}

.display_step ol li {
    margin-bottom: .5em
}

.display_step_i {
    margin: 0 14em
}

.display_step_i .d {
    margin: .7em 0
}

.display_step_i img {
    margin-left: .3em
}

.display_step_i .li_o:last-child {
    border-bottom: none
}

.more_text a {
    display: block;
    padding: .8em 0;
    text-align: center
}

.qq_box_more {
    margin: 1.5em 20px;
    padding-bottom: 1px
}

.qq_box_more p {
    float: left;
    margin-right: 3em
}

.qq_box_more img {
    margin-right: .6em
}

.d_text {
    margin: 1em 30px;
    line-height: 2em
}

.d_tab_nav {
    margin: 0 20px;
    border-bottom: 1px solid #eee;
    height: 44px;
    line-height: 42px
}

.d_tab_nav dd a {
    float: left;
    font-size: 15px;
    font-weight: 700;
    margin: 0 2em;
    color: #666
}

.d_tab_nav dd .tab_light {
    height: 42px;
    margin-bottom: -1px;
    color: #333;
    border-bottom: 3px solid #fdd000
}

.fill_table {
    margin: 1.5em auto 3em auto
}

.fill_table td,.fill_table th {
    vertical-align: top;
    padding: .5em 5px
}

.fill_table th {
    text-align: right
}

.fill_table tfoot td {
    padding: 1.5em 0 0 0
}

.date_text,.fill_text {
    color: #666;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 240px;
    height: 36px;
    line-height: 36px;
    padding: 0 10px
}

.date_text:focus,.fill_text:focus {
    border-color: #fdd000;
    box-shadow: 0 0 8px rgba(0,0,0,.2)
}

.date_text {
    background-image: url(images/icon/date.gif);
    background-repeat: no-repeat;
    background-position: 95% center
}

.note_gray {
    color: #999;
    margin-left: 2em
}

.s_tab_nav {
    margin: 0 20px;
    border-bottom: 1px solid #eee;
    padding: 1em .5em;
    line-height: 30px;
    height: 30px
}

.s_tab_nav li a {
    float: left;
    padding: 0 2em;
    border: 1px solid #eee;
    background-color: #f8f8f8;
    margin: 0 1em;
    cursor: pointer;
    color: #666
}

.s_tab_nav li .tab_light {
    background-color: #fdd000;
    border-color: #fdd000;
    font-weight: 700;
    color: #000
}

.divselect {
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    z-index: 5;
    border-radius: 0
}

.divselect ul {
    position: absolute;
    display: none;
    border-radius: 0
}

.divselect_open ul {
    display: block
}

.dtdropsel {
    display: inline-block;
    margin-right: 0;
    width: 260px;
    height: 36px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #ccc
}

.dtdropsel cite {
    display: block;
    padding: 8px 10px 8px 10px;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    background-image: url(images/icon/option.png);
    background-repeat: no-repeat;
    background-position: 95% center
}

.dtselect_list {
    top: -1px;
    left: -1px;
    width: 100%;
    line-height: 40px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px silver
}

.dtselect_list li {
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dtselect_list li:hover {
    background-color: #f8f8f8
}

.add_btn {
    border: 1px solid #ccc;
    background-color: #f8f8f8;
    width: 60px;
    height: 60px;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    background-image: url(images/icon/add.png);
    background-repeat: no-repeat;
    background-position: center center
}

.add_btn:hover {
    border-color: #999;
    background-color: #fff
}

.display_box {
    border: 1px solid #eee;
    color: #666;
    margin: 1em 20px
}

.display_box .m_t_b {
    margin: 0 4em
}

.display_box h5 {
    font-size: 14px;
    line-height: 14px;
    height: 14px;
    background-color: #f8f8f8;
    color: #666;
    padding: 1em 1em 1em 0
}

.display_box h5 b {
    font-weight: 400;
    border-left: 5px solid #fdd000;
    padding-left: 1em;
    margin-left: -1px;
    display: block
}

.display_box p {
    margin: 0 1em;
    padding: 1em 0
}

.history_brand {
    padding: 1.5em 0;
    text-align: center
}

.brand_logo_c {
    padding-right: 2em;
    display: inline-block;
    position: relative
}

.brand_logo_c .f_text_box {
    top: -.7em
}

.about_tab_th {
    font-size: 16px;
    margin: 1.5em 0;
    line-height: 40px;
    height: 40px
}

.about_tab_th dd a {
    float: left;
    padding: 0 2em;
    background-color: #ccc;
    color: #fff;
    cursor: pointer;
    margin-right: 1em
}

.about_tab_th dd .tab_light {
    background-color: #fdd000;
    color: #000;
    font-weight: 700
}

.about_text {
    margin: 0 3em;
    padding: 3em 0
}

.about_text h2 {
    font-size: 22px;
    margin-bottom: .8em
}

.about_text p {
    color: #666;
    margin: .8em 0
}

.about_contact {
    margin: 3em 3em
}

.about_contact li {
    margin-bottom: 4em;
    float: left;
    width: 50%
}

.about_contact h4 {
    font-size: 22px;
    margin-bottom: .5em
}

.about_contact p {
    color: #666
}

.th_text {
    margin: 0 40px;
    padding: 1em 0;
    font-size: 22px
}

.ann_list {
    margin: 0 3em 2em 3em
}

.min_h_560 {
    min-height: 560px
}

.ann_list li {
    height: 1.4em;
    line-height: 1.4em;
    padding: 1em .5em;
    border-bottom: 1px solid #eee
}

.ann_other li:last-child {
    border-bottom: none
}

.d_site_th {
    border-bottom: 1px solid #eee;
    margin: 0 20px;
    padding: 1em 0
}

.d_wen {
    margin: 3em 3em 1em 3em;
  /*  padding-bottom: 15em;
    border-bottom: 1px solid #eee*/
}

.d_wen h2 {
    font-size: 24px;
    font-weight: 700;
    text-align: center
}

.d_wen .text_o {
    border-bottom: 1px solid #eee;
    padding: 1em 0 1.5em 0;
    text-align: center;
    color: #888;
    font-size: 13px
}

.d_wen p {
    margin: 2em 0;
    font-size: 16px;
    color: #555
}

.d_wen .d {
    margin-top: 4em;
    text-align: right
}

.d_wen .d p {
    color: #333;
    font-size: 14px;
    margin: 0
}

.b_tab_nav {
    border-bottom: 1px solid #eee;
    margin: 0 30px;
    line-height: 65px;
    height: 70px;
    text-align: center;
    font-size: 16px
}

.b_tab_nav li a {
    display: inline-block;
    margin: 0 2em;
    padding: 0 .2em
}

.b_tab_nav li .tab_light {
    height: 68px;
    border-bottom: 3px solid #fdd000;
    margin-bottom: -1px;
    font-weight: 700
}

.guide_box {
    color: #666;
    margin: 0 4.5em;
    padding: 3em 0 1em 0
}

.guide_box .li_o {
    margin: 0 0 3.5em 0
}

.guide_box .li_o p {
    margin: .5em 0
}

.guide_box h4 {
    color: #333;
    line-height: 22px;
    border-left: 5px solid #fdd000;
    padding-left: 1em;
    font-size: 22px;
    margin-bottom: .8em
}

.guide_box .num_ol li {
    margin: .5em 0
}

.guide_box .text_d {
    margin: 0 0 2em 0
}

.guide_box h5 {
    margin: 3em 0 .8em 0;
    color: #333;
    font-size: 18px;
    font-weight: 700
}

.guide_box h6 {
    margin: 1.5em 0 .8em 0;
    color: #333;
    font-size: 15px;
    font-weight: 700
}

.guide_box img {
    max-width: 100%
}

.num_ol_b li {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    margin: 2em 0
}

.num_ol_b li h5 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: .4em;
    color: #333
}

.num_ol_b li p {
    color: #666;
    font-size: 14px;
    font-weight: 400
}

.guide_note {
    margin: 1em 2em 5em 2em;
    padding: 1.2em 2em;
    background-color: #f8f8f8
}

.guide_note h4 {
    font-size: 16px;
    font-weight: 700
}

.guide_note p {
    color: #666;
    margin: .6em 0
}

.center_box {
    position: relative;
    margin: 0 auto
}

.black_box {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 6
}

.black_box h2 {
    color: #fff;
    font-size: 44px;
    text-align: center;
    padding: 4em 0 0 0
}

.i_center {
    margin: 1em auto 4em auto;
    overflow: hidden;
    height: auto;
    padding: 2em 0
}

.w_200 {
    border-right: 1px solid #eee;
    margin-bottom: -3000px;
    padding-bottom: 3000px;
    width: 200px
}

.l_club {
    padding-bottom: 8em;
    text-align: center;
    margin: 0 1em
}

.l_club dt {
    border-bottom: 1px solid #eee;
    padding: 1em 0 2.5em 0
}

.l_club dt h4 {
    font-size: 22px;
    text-align: center;
    margin: .4em 0 0 0
}

.l_club dd a {
    font-size: 16px;
    display: block;
    line-height: 50px;
    height: 50px;
    color: #666;
    border-bottom: 1px solid #eee
}

.l_club .active a {
    color: #333;
    border-left: 3px solid #fdd000;
    background-color: #f8f8f8
}

.w_950 {
    width: 950px
}

.w_230 {
    width: 230px
}

.r_box {
    margin-right: 1em
}

.r_tab_nav,.r_th {
    border-bottom: 1px solid #eaeaea;
    height: 49px;
    line-height: 49px
}

.r_th .th_line_b {
    border-bottom: 3px solid #fdd000;
    font-size: 18px;
    height: 47px;
    font-weight: 400;
    color: #333
}

.r_tab_nav dd a {
    float: left;
    padding: 0 .2em;
    margin-right: 2em;
    font-size: 18px
}

.r_tab_nav dd .tab_light {
    border-bottom: 3px solid #fdd000;
    height: 47px
}

.safety_t {
    margin: 1.5em 0 0 0;
    padding: 1.4em 2em
}

.safety_t .step_o {
    width: 120px;
    margin-left: 1em
}

.step_o {
    background-color: #ccc;
    height: 8px;
    width: 60px;
    overflow: hidden;
    margin-top: .5em
}

.step_i {
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(left,#fdd000,#f60);
    background: -webkit-linear-gradient(0deg,#fdd000,#f60)
}

.w_90 {
    width: 90%
}

.w_80 {
    width: 80%
}

.w_70 {
    width: 70%
}

.w_60 {
    width: 60%
}

.w_50 {
    width: 50%
}

.w_40 {
    width: 40%
}

.w_30 {
    width: 30%
}

.w_20 {
    width: 20%
}

.w_10 {
    width: 10%
}

.w_0 {
    width: 0
}

.gray_bj {
    background-color: #f8f8f8
}

.safety_ul {
    padding-bottom: 3em
}

.safety_ul li {
    border-bottom: 1px solid #eaeaea;
    padding: 1.5em 1em
}

.safety_ul li:last-child {
    border-bottom: none
}

.safety_ul h5 {
    font-size: 22px
}

.safety_ul p {
    color: #888
}

.safety_ul .fr {
    padding-top: .8em;
    width: 90px;
    margin-left: 4em
}

.safety_btn,.safety_modify {
    display: block;
    line-height: 38px;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    border: 1px solid #56ce8b;
    color: #56ce8b;
    text-align: center
}

.safety_btn {
    background-color: #56ce8b;
    color: #fff
}

.safety_modify:hover {
    background-color: #f8f8f8;
    color: #56ce8b
}

.safety_btn:hover {
    background-color: #56ce8b;
    color: #fff;
    border-color: #56ce8b
}

.r_box .page {
    margin-left: 0;
    margin-right: 0
}

.list_table_o {
    width: 100%
}

.list_table_o td a {
    margin: 0 .3em
}

.list_table_o th {
    line-height: 3em;
    color: #666;
    background-color: #f8f8f8
}

.list_table_o td {
    border-bottom: 1px solid #eee;
    padding: 1em 0;
    text-align: center
}

.list_table_o .l_text {
    text-align: left;
    padding-left: 1em
}

.add_order {
    margin: 4em .5em
}

.add_fill_none {
    display: none
}

.th_a {
    border-left: 4px solid #fdd000;
    padding-left: 1em;
    font-size: 16px;
    font-weight: 700;
    height: 16px;
    line-height: 16px;
    margin: 2em 0
}

.add_s_btn {
    border: 1px solid #ccc;
    background-color: transparent;
    background-image: url(images/icon/add_s.png);
    background-repeat: no-repeat;
    background-position: .8em center;
    display: inline-block;
    padding: 0 1em 0 2.4em;
    line-height: 2.8em
}

.add_s_btn:hover {
    background-color: #f8f8f8;
    border-color: #999
}

.r_box .b_tab_nav {
    margin: 0
}

.sale_ul {
    padding: 1em 0;
    width: 102%
}

.sale_ul .li_o {
    margin: 1em 0
}

.sale_ul li:hover .box {
    transform: translateY(-.3em);
    box-shadow: 0 2px 10px rgba(0,0,0,.2)
}

.sale_ul .box {
    height: 140px;
    width: 93%;
    position: relative;
    border: 1px solid #ccc;
    background-color: #fff7f3
}

.sale_ul .d {
    text-align: center;
    padding: 1em 0 0 0
}

.sale_dl {
    color: #666;
    height: 64px;
    padding: 15px 20px 0 20px;
    border-bottom: 1px dotted #ccc
}

.sale_dl dt {
    width: 25%
}

.sale_l,.sale_r {
    background: url(images/icon/sale_l.png) no-repeat;
    width: 9px;
    height: 18px;
    overflow: hidden;
    position: absolute;
    top: 70px;
    z-index: 2
}

.sale_l {
    left: -1px
}

.sale_r {
    right: -1px;
    background: url(images/icon/sale_r.png) no-repeat
}

.btn_s_r {
    display: inline-block;
    padding: 0 3em;
    line-height: 34px;
    background-color: #fdd000;
    color: #000;
    font-weight: 700
}

.btn_s_r:hover,li:hover .btn_s_r {
    background-color: #f60;
    color: #fff
}

.sale_failure .box {
    background-color: #f8f8f8;
    color: #999
}

.sale_failure .btn_s_r,.sale_failure li:hover .btn_s_r {
    background-color: #ccc;
    color: #fff;
    cursor: not-allowed
}

.f_failure {
    position: absolute;
    bottom: 1em;
    right: 1em
}

.border_btn {
    border: 1px solid #ccc;
    width: 100px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    line-height: 36px;
    vertical-align: top;
    background-color: transparent;
    color: #666
}

.border_btn:hover {
    border-color: #999;
    color: #333;
    background-color: #f8f8f8
}

.tips_box {
    font-size: 13px;
    background-color: #fffcec;
    padding: 1.4em;
    margin: 2em 0
}

.tips_box h4 {
    color: #f30;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px
}

.tips_box img {
    vertical-align: middle;
    margin-right: 1em
}

.tips_box li {
    margin: .3em 0
}

.tips_box ol {
    margin-left: 2.8em;
    color: #666
}

.money_box {
    font-size: 15px;
    color: #666;
    padding: 1.6em;
    margin: 2em 0;
    line-height: 40px
}

.money_box .font_18 {
    margin: 0 .3em
}

.money_box .m_l_b {
    margin-left: 3em
}

.r_tool {
    margin: 5em 3em;
    text-align: center
}

.r_tool p {
    margin: 1em 0 0 0
}

.r_tool a {
    display: block
}

.note_box_text {
    background-color: transparent;
    display: inline-block;
    padding: 0 1em;
    line-height: 28px;
    border: 1px solid #56ce8b;
    color: #56ce8b
}

.note_box_gray {
    color: #999;
    border-color: #999
}

.r_tool h4 {
    margin: .6em 0 0 0;
    font-size: 22px
}

.tool_a {
    display: inline-block;
    width: 120px;
    height: 120px;
    background-color: #84c1f5;
    background-image: url(images/icon/tool.png);
    background-repeat: no-repeat;
    overflow: hidden
}

.tool_a2 {
    background-position: 0 -120px;
    background-color: #8fd99f
}

.tool_a3 {
    background-position: 0 -240px;
    background-color: #ffc13b
}

.logo_th {
    font-size: 22px;
    border-left: 1px solid #eee;
    margin: .9em 0 0 1em;
    padding: .7em 0 .2em 1em;
    line-height: 1.1em
}

.login_header_r {
    padding: 2.5em 0 0 0;
    text-align: right;
    color: #666
}

.login_header_r .china {
    color: #999;
    font-style: normal;
    margin: 0 1em
}

.pass_center {
    margin: 1em auto 4em auto;
    padding: 3em 0
}

.pass_step {
    color: #888;
    width: 840px;
    margin: 2em auto 0 auto;
    clear: both;
    position: relative;
    float: none
}

.pass_step li {
    width: 33.3%;
    float: left;
    text-align: center;
    position: relative
}

.step_num_b {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: relative;
    z-index: 5;
    overflow: hidden;
    text-align: center;
    line-height: 30px
}

.order_step_line,.step_num_b {
    color: #fff;
    background-color: #ccc
}

.order_step_line {
    height: 4px;
    position: absolute;
    left: 0;
    top: 13px;
    overflow: hidden;
    width: 100%
}

.pass_step .first,.pass_step li:first-child {
    text-align: left
}

.pass_step .last,.pass_step li:last-child {
    text-align: right
}

.pass_step .active {
    color: #333
}

.pass_step .active .order_step_line,.pass_step .active .step_num_b {
    color: #fff;
    background-color: #fdd000
}

.reg_box {
    width: 400px;
    margin: 0 auto;
    padding: 20px 0 60px 0;
    position: relative
}

.reg_box .login_error {
    top: 2.5em;
    position: absolute;
    width: 100%;
    text-align: center
}

.reg_box .fill_btn {
    line-height: 3.4em;
    height: 3.4em
}

.error_red {
    margin-top: -1.5em;
    color: #ff1818;
    font-size: 13px;
    margin-bottom: 1.8em
}

.pass_safety {
    margin: -1.5em 0 -1em 0
}

.safety_box {
    background-color: #ccc;
    height: 8px;
    display: inline-block;
    margin: 0 2px;
    vertical-align: middle;
    width: 40px
}

.safety1 {
    background-color: #2ac164
}

.safety2 {
    background-color: #65c78a
}

.f_ma_text {
    position: absolute;
    top: .9em;
    right: 1em
}

.reg_input {
    margin: 1.8em 0;
    font-size: 15px;
    border: 1px solid #ddd;
    background-color: #fff;
    position: relative;
    height: 50px
}

.reg_input:hover {
    border-color: #fdd000;
    box-shadow: 0 0 5px #fdd000
}

.reg_input .captcha-inputs input {
    width: 150px
}

.reg_input .captcha-inputs img {
    float: right;
    margin-top: 11px;
    margin-right: 11px
}

.fill_text_n {
    line-height: 20px;
    height: 20px;
    border: none;
    background-color: transparent;
    padding: 15px 0;
    width: 100%
}

.reg_input .fl {
    width: 90px;
    border-right: 1px solid #eaeaea;
    margin: 10px 1.2em 0 0;
    height: 30px;
    line-height: 30px;
    padding-left: 20px
}

.reg_input .login_text {
    font-size: 15px;
    height: 30px;
    line-height: 30px
}

.reg_box .d {
    margin: -1em 0 2.5em 0
}

.reg_btn {
    text-align: center;
    padding: 0;
    width: 100%
}

.pass_ok {
    text-align: center;
    border: none;
    padding: 6em 0 6em 0
}

.pass_ok h4 {
    font-size: 24px;
    margin: .6em 0 .6em 0
}

.pass_ok p {
    font-size: 14px;
    color: #666
}

dl.box_404 {
    width: 750px;
    margin: 0 auto;
    clear: both;
    padding: 50px 0 120px 0
}

dl.box_404 dt {
    float: left;
    width: 360px;
    margin-right: 2em
}

dl.box_404 dd {
    padding: 220px 0 0 0;
    font-size: 24px;
    line-height: 1.1em
}

dl.box_404 dd p {
    clear: both;
    font-size: 14px;
    color: #888;
    padding: 8px 0 0 0
}

dl.box_404 dd div {
    padding-top: 20px
}

.yao_data {
    text-align: center;
    padding: 2em 0 2em 0;
    position: relative;
    background-color: #f8f8f8;
    margin: 1em 0
}

.yao_data h4 {
    font-size: 15px;
    color: #666
}

.yao_data .font_30 {
    margin: 0 .2em
}

.line_y {
    width: 1px;
    overflow: hidden;
    background-color: #ccc;
    height: 90px;
    margin-top: -45px;
    top: 50%;
    left: 50%;
    position: absolute
}

.yao_step {
    position: relative;
    margin: 6em 8em;
    text-align: center
}

.yao_step h5 {
    font-size: 14px;
    margin: 1.5em 0 0 0;
    color: #666
}

.step_line_o {
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    top: 18px;
    overflow: hidden;
    font-size: 0;
    background-color: #fdd000
}

.step_a {
    position: relative;
    z-index: 5;
    display: inline-block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    background-color: #fdd000;
    background-repeat: no-repeat;
    background-image: url(images/icon/step_a.png)
}

.step_a2 {
    background-position: 0 -40px
}

.step_a3 {
    background-position: 0 -80px
}

.yao_box {
    margin: 2em 0 0 0
}

.yao_box h5 {
    line-height: 40px;
    font-size: 14px;
    color: #666
}

.yao_box h5 b {
    color: #333;
    margin-right: .8em
}

.yao_box .shop_btn {
    width: 100px
}

.th_num {
    float: left;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    font-weight: 700;
    margin: .5em .6em 0 0;
    border: 1px solid #56ce8b;
    color: #56ce8b
}

.copy_box {
    margin: 1em 0;
    background-color: #f8f8f8;
    color: #666;
    height: 60px;
    padding: 1%;
    width: 98%;
    border: 1px solid #ccc
}

.share_ul {
    padding: 1em 3em 2em 3em;
    margin: 1em 0 0 0;
    text-align: center
}

.share_ul p {
    margin: .8em 0 0 0;
    font-size: 15px;
    color: #666
}

.share_a {
    background-color: #f56266;
    background-repeat: no-repeat;
    background-image: url(images/icon/share.png);
    width: 80px;
    height: 80px;
    overflow: hidden;
    display: inline-block
}

.share_a2 {
    background-color: #f5bd3e;
    background-position: 0 -80px
}

.share_a3 {
    background-color: #68a5e1;
    background-position: 0 -160px
}

.share_a4 {
    background-color: #4ed19e;
    background-position: 0 -240px
}

.set_box .pass_step {
    width: auto;
    margin: 0 10em 0 10em
}

.set_box .pass_step p {
    font-size: 14px
}

.fill_table img {
    vertical-align: middle
}

.app_800 {
    width: 780px;
    margin: 0 auto;
    padding: 5em 0 4em 40px
}

.app_l {
    padding: 2.2em 0 0 0;
    width: 260px;
    text-align: center
}

.app_l h3 {
    font-size: 36px;
    font-weight: 700
}

.app_l p {
    color: #666;
    font-size: 16px
}

.wechat_img {
    display: block;
    margin: 1.5em 0;
    box-shadow: 0 0 5px rgba(0,0,0,.2)
}

.app_r {
    width: 256px;
    background: url(images/app/phone.png) no-repeat;
    padding: 88px 0 0 24px;
    height: 557px;
    width: 326px
}

.app_l .btn {
    margin: 1.5em 0;
    text-align: left
}

.btn_app {
    color: #f8882d;
    background-position: 1em center;
    background-repeat: no-repeat;
    padding-left: 80px;
    font-size: 22px;
    display: block;
    border: 1px solid #f8882d;
    background-color: #fff;
    background-image: url(images/app/android.png);
    line-height: 64px
}

.btn_app:hover {
    box-shadow: 0 0 10px #f8882d;
    -moz-transform: translateY(-.1em);
    -webkit-transform: translateY(-.1em);
    transform: translateY(-.1em)
}

.ios_btn {
    background-image: url(images/app/ios.png)
}

.th {
    font-family: "Microsoft YaHei"
}

.date {
    float: right;
    color: #999;
    font-family: Arial;
    font-weight: 400
}

.china {
    font-family: "宋体"
}

.eng,.prit_r {
    font-family: Arial
}

.mt30 {
    margin-top: 30px!important
}

.m_l {
    margin-left: 1em
}

.m_l_b {
    margin-left: 2em
}

.m_t_b {
    margin: 0 2em
}

.m_text {
    margin: 0 2em
}

.mr_40 {
    margin-right: 40px
}

.m_t {
    margin: 0 .5em
}

.gray_text_l {
    color: #888
}

.gray_text_b {
    color: #333
}

.font_14 {
    font-size: 14px
}

.font_15 {
    font-size: 15px
}

.font_16 {
    font-size: 16px
}

.font_18 {
    font-size: 18px
}

.font_20 {
    font-size: 20px
}

.font_22 {
    font-size: 22px
}

.font_24 {
    font-size: 24px
}

.font_30 {
    font-size: 30px
}

.font_34 {
    font-size: 34px
}

.font_36 {
    font-size: 36px
}

.yellow_link a,.yellow_text {
    color: #fdd000
}

.gray_link:hover a,.orange_link a,.orange_text {
    color: #f30
}

.green_link a,.green_text {
    color: #56ce8b
}

.green_link a:hover {
    background-color: #6eb92b;
    color: #fff
}

.gray_link a {
    color: #999
}

.link_line a {
    text-decoration: underline
}

.link_line a:hover {
    text-decoration: none
}

.orange_link a:hover {
    background-color: #f30;
    color: #fff
}

.blue_link a {
    color: #2197e2
}

.blue_link a:hover {
    color: #f60
}

.red_text {
    color: #f55d5d
}

.note_gray,.note_orange {
    margin-left: 2em;
    font-size: 13px;
    color: #999
}

.note_orange {
    color: #f30
}

.text_box_border {
    border: 1px solid #56ce8b;
    margin-top: -.3em;
    margin-right: 1em;
    vertical-align: top;
    display: inline-block;
    background-color: transparent;
    padding: .3em 2em
}

.red_box_border {
    border-color: #f55d5d;
    color: #f55d5d
}

.fadeInUp {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.active .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.zoombg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
    animation: zoom1 15s linear 0s infinite;
    -webkit-animation: zoom1 15s linear 1s infinite
}

@-webkit-keyframes zoom1 {
    0% {
        -webkit-transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom1 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

.delay2 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.delay3 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.delay4 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.delay5 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.delay6 {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.delay7 {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.delay8 {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s
}

.delay9 {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.delay10 {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s
}

.hide1 {
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hide2,.hide3,.hide4,.hide6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.hide2 {
    height: 3.2em
}

.hide3 {
    -webkit-line-clamp: 3;
    height: 4.8em
}

.hide6 {
    -webkit-line-clamp: 6;
    height: 9.6em
}

.hide4 {
    -webkit-line-clamp: 4;
    height: 6.4em
}

.r_cell {
    display: table-cell;
    width: 9999px
}

.pic_cell {
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    overflow: hidden
}

.pic_cell img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    overflow: hidden
}

.transition_a {
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.footer_share:hover .f_arrow,.guarantee_note li:hover img,li:hover .b_arrow,li:hover .f_arrow {
    animation: landr .8s ease-in-out;
    -moz-animation: landr .8s ease-in-out;
    -webkit-animation: landr .8s ease-in-out;
    -o-animation: landr .8s ease-in-out
}

@keyframes landr {
    0% {
        transform: rotate(0);
        transform-origin: right bottom 0
    }

    39% {
        transform: rotate(5deg);
        transform-origin: right bottom 0
    }

    40% {
        transform: rotate(5deg);
        transform-origin: left bottom 0
    }

    75% {
        transform: rotate(-10deg);
        transform-origin: left bottom 0
    }

    100% {
        transform: rotate(0);
        transform-origin: left bottom 0
    }
}

@-webkit-keyframes landr {
    0% {
        -webkit-transform: rotate(0);
        -webkit-transform-origin: right bottom 0
    }

    39% {
        -webkit-transform: rotate(5deg);
        -webkit-transform-origin: right bottom 0
    }

    40% {
        -webkit-transform: rotate(5deg);
        -webkit-transform-origin: left bottom 0
    }

    75% {
        -webkit-transform: rotate(-10deg);
        -webkit-transform-origin: left bottom 0
    }

    100% {
        -webkit-transform: rotate(0);
        -webkit-transform-origin: left bottom 0
    }
}

.round_s {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.page a,.page b,.page em,.round_m,.round_m_a a {
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    border-radius: 2em
}

.round_img img,.round_r {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.form-errors {
    color: red
}

.act-join-form {
    padding-top: 20px
}

.select-right button {
    margin-top: 4px
}

.act-join-form .layui-form-item .layui-input-inline {
    width: 320px
}

.add-investor-form {
    padding-right: 40px;
    padding-top: 30px;
    padding-bottom: 20px
}

.act-join-title {
    font-size: 16px;
    border-bottom: solid 1px #eee;
    height: 52px;
    line-height: 52px
}

.act-join-title span {
    font-size: 14px;
    color: #666;
    margin-left: 10px
}

p.flink {
    padding: 0 20px 10px 20px;
    line-height: 25px;
    color: #999
}

p.flink a {
    color: #999;
    margin-left: 10px
}

.invest_order_stat {
    margin-top: 20px
}

.invest_order_stat b {
    margin-right: 40px;
    color: #f30;
    font-family: Consolas,Monaco,'Bitstream Vera Sans Mono',monospace;
    font-size: 16px
}

ol>li {
    list-style: decimal;
    margin-left: 20px
}

.activity_filter {
    background-color: #fff;
    margin-bottom: 20px;
    padding: 10px 0 10px 30px
}

.activity_filter dl {
    margin: 10px 0
}

.activity_filter dt {
    float: left;
    width: 90px;
    overflow: hidden;
    clear: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.activity_filter dd {
    margin-left: 100px
}

.activity_filter dd:after,.activity_filter dd:before {
    display: table;
    content: " "
}

.activity_filter dd>a {
    margin-right: 20px;
    padding: 2px 5px;
    border-radius: 3px
}

.activity_filter dd>a.active,.activity_filter dd>a:hover {
    background-color: #fdd000;
    color: #000
}

.order_list {
    border-top: 1px solid #eee;
    margin-top: 20px
}

.order_list>li {
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    padding: 10px;
    height: 60px
}

.order_list>li:hover {
    background-color: #f5f5f5
}

.order_list_logo {
    margin-right: 15px;
    border-right: 1px solid #eee;
    float: left;
    padding-right: 15px
}

.order_list_status {
    float: left;
    border-radius: 3px;
    padding: 3px 10px;
    color: #000;
    margin-top: 7px;
    margin-right: 20px;
    background-color: #eee
}

.order_list_detail {
    float: right;
    display: block;
    background-color: #fdd000;
    border-radius: 3px;
    padding: 3px 10px;
    color: #000;
    margin-top: 7px
}

.order_list_detail:hover {
    background-color: #fdad00;
    color: #000
}

.status-10 {
    background-color: #d9e1f2
}

.status-20 {
    background-color: #4472c4;
    color: #fff
}

.status-100 {
    background-color: #70ad47;
    color: #fff
}

.status-1030 {
    background-color: gray;
    color: #fff
}

.status-1010 {
    background-color: transparent;
    color: #aaa
}

.order_list_desc {
    float: left;
    width: 410px
}

.order_list_desc>h4>.F {
    color: #4fb77a
}

.order_list_desc>h4>.R {
    color: #f19e71
}

.order_list_desc>h5 {
    font-size: 12px;
    margin-top: 5px;
    color: #999
}

.order_list_desc>h5>i {
    font-style: normal;
    color: #eee;
    margin: 0 5px
}

.order_list_interest,.order_list_rebate {
    float: left;
    color: #aaa;
    font-size: 12px;
    width: 140px;
    overflow: hidden
}

.order_list_interest {
    width: 100px
}

.order_list_interest>b,.order_list_rebate>b {
    display: block;
    color: #f30;
    font-family: Consolas,Monaco,'Bitstream Vera Sans Mono',monospace;
    font-size: 22px;
    font-weight: 400;
    line-height: 100%
}

.order_list_rebate>b>i {
    margin-right: 3px;
    font-style: normal
}

.order_list_interest>b>i {
    margin-left: 3px;
    font-style: normal
}

.cd-popup,.code_body {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 9999
}

.cd-popup-container,.code_box {
    position: relative;
    width: 380px;
    padding: 0;
    margin: 0 auto;
    margin-top: 50px;
    height: auto;
    background: #fff;
    border-radius: 0;
    box-shadow: 0 0 20px rgba(0,0,0,.2)
}

.cd-popup-close,.code_close {
    background: url(images/icon/close40.png) no-repeat;
    position: absolute;
    right: 0;
    top: -50px;
    z-index: 10;
    width: auto;
    height: 40px;
    width: 40px;
    display: block;
    font-size: 0
}

.cd-popup-close:hover {
    background-position: 0 -40px
}

.cd-popup1 {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 2000
}

.cd-popup-container1 {
    position: relative;
    width: 380px;
    margin: 250px auto;
    height: auto;
    background: #fff;
    border-radius: 0;
    text-align: center;
    box-shadow: 0 0 20px rgba(0,0,0,.2)
}

.cd-popup-close_o {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background: url(images/inside/close.png) no-repeat;
    margin: -30px -30px 0 0;
    font-size: 0
}

.cd-popup-close_o:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg)
}

.cd-popup2 {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 9999
}

.cd-popup-container2 {
    position: relative;
    width: 650px;
    margin: 250px auto;
    height: auto;
    background: #fff;
    border-radius: 0;
    text-align: center;
    box-shadow: 0 0 20px rgba(0,0,0,.2)
}

.login_box {
    background-color: #fff;
    margin: 0;
    background-color: #f8f8f8
}

.login_box h1 {
    border-bottom: 1px solid #eaeaea;
    height: 59px;
    line-height: 59px;
    font-size: 22px;
    text-align: center;
    background-color: #fff
}

.login_fill {
    padding: 10px 25px 25px 25px;
    background-color: #fff
}

.login_fill dt .dd {
    margin: .5em 0 0 0;
    text-align: left
}

.login_fill dt .dd input {
    vertical-align: middle;
    margin: 0 .4em
}

.login_fill dt .d {
    margin: 1em 0 1.5em 0;
    color: #666;
    padding: 0 .5em
}

.input_div {
    position: relative;
    height: 55px;
    border-bottom: 1px solid #eaeaea
}

.f_ma {
    position: absolute;
    right: 1em;
    top: 12px
}

.f_ma2 {
    position: absolute;
    right: 1em;
    top: 17px
}

.input_div:hover {
    border-color: #ffc13b
}

.login_arrow {
    background-image: url(images/icon/01.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 55px;
    height: 55px
}

.login_arrow2 {
    background-image: url(images/icon/02.png)
}

.login_arrow3 {
    background-image: url(images/icon/03.png)
}

.login_arrow4 {
    background-image: url(images/icon/04.png)
}

.login_arrow_qq {
    background-image: url(images/icon/qq.png)
}

.login_text {
    border: none;
    background-color: transparent;
    width: 100%;
    line-height: 35px;
    height: 35px;
    padding: 10px 0;
    font-size: 16px;
    color: #555
}

.login_btn {
    width: 100%;
    text-align: center;
    padding: 0
}

.login_other {
    text-align: center;
    padding: 15px 10px;
    line-height: 20px
}

.other_arrow {
    width: 20px;
    background-color: #47bce2;
    height: 20px;
    overflow: hidden;
    margin-right: .8em;
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
    background-image: url(images/icon/other.png)
}

.other_arrow2 {
    background-position: 0 -20px;
    background-color: #01cc00
}

.other_arrow3 {
    background-position: 0 -40px;
    background-color: #0da7fd
}

.set_box {
    width: 860px;
    padding: 3em 0 .1em 0
}

.set_box .fill_table td,.set_box .fill_table th {
    line-height: 40px;
    padding: .3em 5px
}

.set_box .fill_table td {
    text-align: left
}

.set_box .fill_table tfoot td {
    padding-top: 1.5em
}

.set_box .pass_ok {
    margin: 0;
    padding: 2.5em 0 5em 0
}

.progress {
    height: 20px;
    width: 100%;
    background-color: #f5f5f5;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    overflow: hidden;
    border-radius: 3px;
    margin-top: 5px
}

.progress>.bar-pending,.progress>.bar-success {
    height: 20px;
    width: 0;
    float: left
}

.progress>.bar-success {
    background-color: #70ad47
}

.progress>.bar-pending {
    background-color: #d9e1f2
}

.progress>.bar-text {
    display: block;
    position: absolute;
    width: 586px;
    text-align: center;
    line-height: 21px;
    height: 20px;
    color: #000
}

.union-header {
    padding: 30px
}

.union-header h1 {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px
}

.union-header h5 {
    font-weight: 700;
    margin-bottom: 10px
}

.union-header p {
    line-height: 200%
}

.union-header .progress {
    margin-top: 20px
}

.union-header .progress .bar-text {
    width: 1140px
}

.forum-topic-form {
    margin: 30px;
    float: left;
    width: 980px;
    border: 1px solid #ddd
}

.forum-topic-form>.title {
    border-bottom: 1px solid #ddd;
    display: table;
    content: " ";
    clear: both;
    width: 100%
}

.forum-topic-form>.title>select {
    box-sizing: border-box;
    font-size: 20px;
    display: block;
    float: left;
    padding: 0 15px;
    width: 180px;
    height: 45px;
    line-height: 40px;
    border: none;
    border-right: 1px solid #ddd
}

.forum-topic-form>.title>input {
    box-sizing: border-box;
    font-size: 20px;
    display: block;
    width: 800px;
    padding: 0 15px;
    height: 45px;
    line-height: 40px;
    float: right;
    border: none
}

.forum-topic-form>textarea {
    box-sizing: border-box;
    border: none;
    padding: 15px;
    display: block;
    width: 100%;
    font-size: 16px;
    height: 300px;
    border-bottom: 1px solid #ddd
}

.forum-topic-form>.buttons {
    margin: 20px 0;
    text-align: center
}

.forum-topic-form-right {
    float: right;
    padding-top: 30px;
    padding-right: 30px
}

.forum-header {
    border-bottom: 1px solid #e2e2e2
}

.forum-header .boards {
    padding: 10px 20px;
    list-style: none
}

.forum-header .boards li {
    display: block;
    float: left;
    margin-right: 5px
}

.forum-header .boards li a {
    padding: 5px 10px;
    border-radius: 3px;
    display: block;
    font-size: 16px
}

.forum-header .boards li a:hover {
    color: #000;
    background-color: #eee
}

.forum-header .boards li.active a {
    background-color: #fdd000
}

.forum-header .tags {
    padding: 0 20px;
    background-color: #f9f9f9
}

.forum-header .tags li {
    display: block;
    float: left;
    margin-right: 5px
}

.forum-header .tags li a {
    padding: 5px;
    display: block;
    border-bottom: 2px solid transparent
}

.forum-header .tags li a:hover,.forum-header .tags li.active a {
    color: #000;
    border-bottom: 2px solid #fdd000
}

.forum-new-topic-btn {
    display: block;
    width: 190px;
    margin: 20px
}

.forum-topics {
    list-style: none
}

.forum-topics>li {
    padding: 10px 20px;
    border-bottom: 1px solid #e2e2e2
}

.forum-topics>li h3 {
    font-size: 18px
}

.forum-topics>li>.badge {
    float: right;
    background-color: #aab0c6;
    padding: 3px 10px;
    border-radius: 12px;
    color: #fff;
    font-weight: 700;
    margin-top: 5px;
    font-size: 12px
}

ul.tab {
    list-style: none;
    border-bottom: 3px solid #fdd000
}

ul.tab:after {
    content: " ";
    display: block;
    clear: both
}

ul.tab>li {
    float: left;
    height: 40px;
    line-height: 42px;
    font-size: 16px;
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    padding: 0 20px;
    margin-right: 5px
}

ul.tab>li.active {
    background-color: #fdd000
}

ul.tab>li.right {
    margin-right: 0;
    float: right;
    margin-left: 5px
}

ul.tab>li,ul.tab>li a,ul.tab>li a:visited {
    color: #000
}

.tipso_bubble,.tipso_bubble>.tipso_arrow {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tipso_bubble {
    position: absolute;
    text-align: left;
    font-size: 13px;
    border-radius: 6px;
    z-index: 9999;
    padding: 10px
}

.tipso_style {
    cursor: pointer
}

.tipso_bubble>.tipso_arrow {
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid;
    pointer-events: none
}

.tipso_bubble.top>.tipso_arrow {
    border-color: #000 transparent transparent;
    top: 100%;
    left: 50%;
    margin-left: -8px
}

.tipso_bubble.bottom>.tipso_arrow {
    border-color: transparent transparent #000;
    bottom: 100%;
    left: 50%;
    margin-left: -8px
}

.tipso_bubble.left>.tipso_arrow {
    border-color: transparent transparent transparent #000;
    top: 50%;
    left: 100%;
    margin-top: -8px
}

.tipso_bubble.right>.tipso_arrow {
    border-color: transparent #000 transparent transparent;
    top: 50%;
    right: 100%;
    margin-top: -8px
}

.space_header {
    height: 180px;
    background-color: #41a9b2;
    color: #fff;
    padding: 20px 40px;
    box-sizing: border-box;
    margin-top: 20px
}

.space_header>h1 {
    font-size: 30px;
    font-weight: 700
}

.space_header>h1>small {
    display: block;
    float: right;
    font-size: 14px;
    font-weight: 400;
    background-color: #4ebbc2;
    height: 25px;
    line-height: 25px;
    border-radius: 25px;
    padding: 0 10px
}

.space_header>h2 {
    font-size: 80px;
    margin-top: 10px;
    font-family: Microsoft Yahei,arial;
    font-weight: 700;
    float: left
}

.space_header>h2>i {
    font-size: 40px;
    margin: 0 10px;
    font-weight: 400
}

.space_header>h2>small {
    font-size: 20px;
    font-weight: 400
}

.space_header>ul {
    float: left;
    margin-top: 60px;
    margin-left: 20px
}

.space_header>ul>li {
    float: left;
    padding: 5px 15px;
    border-left: 1px solid #fff;
    text-align: center
}

.space_header>ul>li>b {
    display: block
}

.space_close_tip {
    border: 1px solid #fc9;
    background-color: #ffc;
    padding: 15px;
    text-align: center;
    margin-top: 20px
}

.space_order_list>div>p,.space_view_users>p {
    text-align: center;
    padding: 50px 0
}

.space_order_list ul>li {
    border-bottom: 1px dashed #eee;
    margin-bottom: 10px;
    padding: 3px 15px
}

.space_order_list ul>li a {
    color: #0081cb;
    text-decoration: underline
}

.space_order_list ul>li a:hover {
    color: #fa882e
}

.space_view_users ul>li {
    border-bottom: 1px dashed #eee;
    margin-bottom: 10px;
    padding: 3px 0
}

.space_view_users ul>li a:hover {
    color: #fa882e
}

.space_view_users ul>li small {
    float: right
}
